<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<style type="text/css">
	body, html {
     height: 100px;
     padding: 0;
     margin: 0;
   }
 body{
     padding-left:100px;
     padding-right:200px;
   }
  
  .main{
     background: lightblue;
     width:100px;
     height:100px;
     float: left;
}


.left{
     background: coral;
     width:100px;
     height:100px;
     float: left;
     margin-left:-100px;
     position: relative;
     left:-100px;

   }
	   .right{
	     background: gray;
	     width:200px;
	     height:100px;
	     float: left;
	     margin-left:-200px;
	     position: relative;
	     right:-200px;
	   }
</style>
<body>
    <div class="main">6666666666666</div>
    <div class="left">66666666</div>
    <div class="right">66666666</div>
</body>
</html>